﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="licitacao.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <link rel="icon" type="image/ico" href="favicon.ico">
    <title>Beoro Admin - Login</title>
    <link rel="stylesheet" href="css/login.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet'>
    <!-- jQuery framework -->
        <script src="js/jquery.min.js"></script>
    <!-- validation -->
        <script src="js/lib/jquery-validation/jquery.validate.js"></script>
    <script type="text/javascript">
        (function (a) { a.fn.vAlign = function () { return this.each(function () { var b = a(this).height(), c = a(this).outerHeight(), b = (b + (c - b)) / 2; a(this).css("margin-top", "-" + b + "px"); a(this).css("top", "50%"); a(this).css("position", "absolute") }) } })(jQuery); (function (a) { a.fn.hAlign = function () { return this.each(function () { var b = a(this).width(), c = a(this).outerWidth(), b = (b + (c - b)) / 2; a(this).css("margin-left", "-" + b + "px"); a(this).css("left", "50%"); a(this).css("position", "absolute") }) } })(jQuery);
        $(document).ready(function () {
            if ($('#login-wrapper').length) {
                $("#login-wrapper").vAlign().hAlign()
            };
            if ($('#login-validate').length) {
                $('#login-validate').validate({
                    onkeyup: false,
                    errorClass: 'error',
                    rules: {
                        login_name: { required: true },
                        login_password: { required: true }
                    }
                })
            }
            if ($('#forgot-validate').length) {
                $('#forgot-validate').validate({
                    onkeyup: false,
                    errorClass: 'error',
                    rules: {
                        forgot_email: { required: true, email: true }
                    }
                })
            }
            $('#pass_login').click(function () {
                $('.panel:visible').slideUp('200', function () {
                    $('.panel').not($(this)).slideDown('200');
                });
                $(this).children('span').toggle();
            });
        });
    </script>
</head>
<body>
    <div id="login-wrapper" class="clearfix">
        <div class="main-col">
            <img src="img/logo_login.png" alt="" class="logo_img" />
            <div class="panel">
                <p class="heading_main">Login</p>
                <form id="login-validate" action="Default.aspx" method="post">
                    <label for="login_name">Usuário</label>
                    <input type="text" id="login_name" name="login_name" value="Jonathan Smith" />
                    <label for="login_password">Senha</label>
                    <input type="password" id="login_password" name="login_password" value="password" />
                    <label for="login_remember" class="checkbox"><input type="checkbox" id="login_remember" name="login_remember" /> Permanecer Conectado</label>
                    <div class="submit_sect">
                        <button type="submit" class="btn btn-beoro-3">Entrar</button>
                    </div>
                </form>
            </div>
            <div class="panel" style="display:none">
                <p class="heading_main">Esqueceu a senha?</p>
                <form id="forgot-validate" method="post">
                    <label for="forgot_email">Seu e-mail</label>
                    <input type="text" id="forgot_email" name="forgot_email" />
                    <div class="submit_sect">
                        <button type="submit" class="btn btn-beoro-3">Solicitar nova senha</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="login_links">
            <a href="javascript:void(0)" id="pass_login"><span>Esqueceu a senha?</span><span style="display:none">Voltar ao Login</span></a>
        </div>
    </div>
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-37020220-1']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    
    </script>
</body>
</html>
